<template>
  <div class="main">
    <Head />

    <Exchange />
    <list />
    <list />
    <list />
    <list />
  </div>
</template>

<script>
import Exchange from "@/pages/integral/exchange/Exchange";
import Head from "@/pages/integral/head/Head";
import List from "./list/List";
import {get} from "../../request/index";
export default {
  name: "integral",
  components: {
    List,
    Head,
    Exchange,
  },
  created(){
      this.initPageData();
  },
  methods: {
      async initPageData(){
          const userSource = await get("/userScore/list", '1');
          console.log(userSource);
      }
  }
};
</script>

<style scoped>
.main {
  background: rgba(192, 192, 192, 0.2);
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  margin-top: 60px;
}
</style>
